import React from "react";
import './index.css';
import { Button } from 'antd';


export default class extends React.Component{
    constructor(props){
        super();
        this.state={
            link:props.link,
        }
    }

    UNSAFE_componentWillReceiveProps(props){
        this.setState({
            link:props.link,
        })
    }


    
    render(){
        return(
            <div className="middle">
                <h4>付费xxx元方可阅读</h4>
                <div>
                    <img src="/assets/Hot/qrcode.jpg" alt="pay"
                    width="300px" height="300px"/>
                </div>
                <div>
                    <a target="Layout_MainContainer" href={this.state.link} alt="text">
                        <Button  style={{width:"142px"}} type="primary" shape="round"  size="large" >
                        已完成支付
                        </Button>
                    </a>
                </div>
            </div>
        )
    }
}